<template>
    <view>
        <u-popup :show="popup" :round="10" @close="closePopup">
            <view class="unfollowOption">
                <view class="optionTitle">
                    确认取消关注？
                </view>
                <view class="optionDel">
                    删除
                </view>
                <view class="line">

                </view>
                <view class="optionUnfollow">
                    取消关注
                </view>
                <view class="optionCancel" @click="closePopup">
                    取消
                </view>
            </view>
        </u-popup>
    </view>
</template>

<script lang="ts" setup>
defineProps(['popup'])
const emit = defineEmits(["closePopup"])
const closePopup = () => {
    console.log(' :>> ');
    emit("closePopup")
}
</script>

<style lang="scss" scoped>
.unfollowOption {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 35rpx;
        .optionTitle {
            font-size: 25rpx;
            padding: 20rpx 0;
            color: #727272;
        }

        .optionDel,
        .optionUnfollow,
        .optionCancel {
            padding: 30rpx 0;
        }

        .optionUnfollow {
            color: #E86083;
        }

        .optionCancel {
            padding-top: 50rpx;
        }

        .line {
            width: 90%;
            height: 0.5rpx;
            background: #F9F9F9;

        }
    }
</style>